/* pages/sort/sort.wxss */
.side-bar-wrapper {
  display: flex;
  height: 100vh;
  overflow: hidden;
  
  .content {
    flex: 1;
    transition: transform 0.3s ease;
    
    .section {
      padding: 32rpx 0;
      box-sizing: border-box;
      height: 100%;

      .title {
        padding-left: 40rpx;
        margin-bottom: 8rpx;
        color: var(--td-text-color-primary);
      }

      .rightBox {
        width: 90%;
        margin: auto;
        box-sizing: border-box;

        .shopListbox {
          display: flex;
          justify-content: space-between;
          padding: 25rpx 0;

          .shopListbox-left {
            width: 36%;
            border-radius: 15rpx;
            overflow: hidden;

            image {
              width: 100%;
              height: 100%;
            }
          }

          .shopListbox-right {
            width: 60%;

            .shopListbox-right2 {
              color: rgb(150, 150, 150);
              font-size: 25rpx;
              margin: 20rpx 0;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              -webkit-line-clamp: 1;

            }
          }

          .shopListbox-right3 {
            color: rgb(150, 150, 150);
            font-size: 24rpx;
            margin-bottom: 10rpx;
          }

          .shopListbox-right4 {
            color: #ccac5d;
            font-size: 24rpx;
          }
        }
      }
    }
  }
}